<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录案例</title>
    <style>
 body {
     background: url("../src/bg.png");
 }
 .center {
     background: white;
     width: 400px;
     text-align: center;margin: auto;
 }
    </style>
</head>
<body>
<div id="df">
    <img src="logo.png"/>
    <div/>
    <div class="center">
        <div>注册详情</div>
        <div class="center">
            <hr/>
            <label for="usname" >用户名</label>
            <input type="usname"id="usname"name="usname"><br/>
            <label for="password">密码</label>
            <input type="password"id="password"name="password"><br/>
            <label for="email">邮箱</label>
            <input type="email"id="email"name="email"><br>
            <label for="phonenumber">手机号</label>
            <input type="email"id="phonenumber"name="phonenumber"><br/>
        </div>
        <hr/>
<div class="center">
<label for="gender">性别</label>
    <input type="radio"id="gender" name="gender" value="man"/>男&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="radio" name="gender"value="voman"/>女&nbsp;&nbsp;&nbsp;&nbsp;

</div>
 <div class="center">
    <label for="hobby">爱好</label>
    <input type="radio" id="hobby" name="hobby" value="music">音乐
    <input type="radio" name="hobby" value="move">电影
     <input type="radio" name="hobby"value="game" >游戏
 </div>
        <div class="center">
   <label for="birthday">出生日期</label>
     <input type="date" id="birthday" name="birthday" value="birthday"><br/>
        </div>
<div class="center">
 <label for="city">所在城市</label>
 <select id="city" name="city">
     <option>请选择所在城市</option>
     <option label="直辖市"></option>
     <option>北京</option>
     <option>上海</option>
     <option>广州</option>
     <option>深圳</option>
 </select>
</div>
<hr/>
  <div class="center">
    <label for="desc">个性签名</label>
    <textarea id="desc" name="desc"rows="5" coll="40"placeholder="请写下您的与众不同..."></textarea>
    </div>
        <hr/>
        <div class="center">
        <button type="sublit">注册</button>
    <button type="reset">重置</button>
      <form/>
        </div>
<body/>
</html>